<!DOCTYPE html>
<html lang="en">
<head>
    <title>佳怡供应链金融</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="demos/css/demos.css">
    <link rel="stylesheet" href="font/fontscss/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <style type="text/css">
        .sp_split {
            height: 0.3rem;
            border-top: 1px solid #ececec;
            border-bottom: 1px solid #ececec;
            background: #f3f3f3;
        }
        .weui-cells {
            /*margin-bottom: 15%;*/
        }

        .weui-cells_checkbox .weui-cell__hd {
            width: 8%;
            float: left;
        }

        .weui_cells .weui-row {
            background: #fff;
        }

        .itemtop {
            font-size: 16px;
            margin-bottom: 0.5rem;
            margin-top: 0.5rem;
        }

        .itemtop span {
            border-left: 6px solid #FF9461;
            padding-left: 1rem;
            margin-top: 0.2rem;
            margin-left: 1rem;
        }

        span {
            /*width: 24%;*/
            display: inline-block;
            margin-left: 1rem;
        }

        .itembommon {
            line-height: 1.0rem;
        }

        .itembommon .content {
            color: #FF9461;
            font-size: 14px;
        }

        .itembommon .content-title {
            color: #A2A2A2;
            font-size: 14px;
        }

        #project {
            margin-top: 0.3rem;
        }

        .input_left span {
            position: absolute;
            line-height: 30px;
            left: 10px;
            top: 8px;
            font-size: 18px;
            color: #333;
        }

        .input_left .weui-col-50 input {
            color: #333;
            width: 100%;
            padding-left: 35px;
            height: 45px;
            border: none;
            box-sizing: border-box;
            line-height: 35px;
            font-size: 18px;
            border-right: 1px solid #dcdcdc;
        }

        .input_right input {
            border-radius: 4px;
            height: 45px;
            line-height: 45px;
            box-sizing: border-box;
        }

        .content-padded .weui_article section {
            margin-bottom: 0;
            width: 100%;
        }

        .approve_list li {
            border-bottom: 1px solid #e6e6e6;
            padding: 10px 15px;
            font-size: 16px;
        }

        .icon_back{
            position: absolute;
            left: -1rem;
            top: 0.9rem;
            width: 0.5rem;
            height: 1.0rem;
            background: url(./images/icon-back.png);
            background-size: 0.5rem 1em;
            vertical-align: middle;
        }

        p {
            font-family: PingFangSC-Regular;
            color: #FFFFFF;
            letter-spacing: 0;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        ul li p {
            color: #111111;
        }

        #project li {

            /* height: 4rem;*/
            overflow:auto;
            position: relative;
            border-bottom: 1px solid #ececec;
        }

        .open-popup:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #c8c8cd;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -4px;
        }

        .open-popup:active {
            background-color: #ececec;
        }
    </style>
    <script src="lib/jquery-2.1.4.js"></script>


</head>

<body>
<header>
    <div class="weui-row weui-no-gutter">
        <div class="weui-col-33" id="back_icon">
            <a href="javascript:history.go(-1)" class="icon pull-right"><i class="icon_back"></i></a>
        </div>
        <div class="weui-col-33">一个月产品</div>
        <div class="weui-col-33">
        </div>
    </div>
</header>
<div class="weui-cells">

    <div style="background: #FFFFFF;">
        <ul id="project">
            <div class="sp_split" ></div>
            <li class="open-popup" data-target="#half" >
                <div style="font-size: 18px; margin-bottom: 0.5rem;margin-top: 0.5rem;opacity: 0.6;height: 60px">
                    <span style="margin-top: 15px;border-left: 6px solid #FF9461; padding-left: 1rem;margin-left: 15px;" >产品名称</span>
                    <span style="margin-left: 5.5rem;">信用融资</span>
                </div>
            </li>
        </ul>

    </div>
</div>
</body>
<script src="js/circleProgress.js"></script>
<script src="js/jquery-weui.js"></script>
<script src="js/dropload.js"></script>
<link rel="stylesheet" href="js/dropload.css">
<script src="js/reg.js"></script>
<script type="text/javascript">
    $("#project").on("click","li",function () {
        window.location.href="productinfo.html";
        localStorage.setItem("product_id",$(this).attr("data-id"));
    });

</script>
<script src="js/web/checkLogin.js"></script>
</html>